<template>
    <!-- 服务评价 -->
    <div style="text-align:left;margin:2rem">
        
        <div style="margin-bottom: 1rem;">
            <span>反馈速度：</span>
            <a-rate v-model:value="value1" />
        </div>
        <div style="margin-bottom: 1rem;">
            <span>服务态度：</span>
            <a-rate v-model:value="value2" />
        </div>
        <div style="margin-bottom: 2rem;">
            <span>服务质量：</span>
            <a-rate v-model:value="value3" />
        </div>
        <div style="display: flex;">
            <span  style="white-space: nowrap;">其他建议：</span>
            <a-textarea v-model:value="textValue" placeholder="请输入" :rows="4" style="margin-left: 10px;"></a-textarea>
        </div>
        
    </div>
</template>

<script lang="ts" setup>
    import { ref } from 'vue';
    const value1 = ref<number>(2);
    const value2 = ref<number>(0);
    const value3 = ref<number>(1);
    const textValue = ref<string>('')
</script>

<style lang="scss" scoped>


</style>